<!DOCTYPE html>
<!-- saved from url=(0071)http://aone.qk092.com/?code=0016JRxq1WUWin0x4qyq1gzQxq16JRxo&state=0001 -->
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <title>家园在线</title>

    <script src="{:RES}/jinrong/Mobile/Public/js/socket.io.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/zepto.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/zepto_fx.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/swiper/swiper.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/jquery-1.11.3.min.js"></script>

    <script src="{:RES}/jinrong/Mobile/Public/js/chart/layer.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/resource1.js"></script>
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/resource.css">
    <link rel="styleSheet" href="{:RES}/jinrong/Mobile/Public/css/chart/layer.css" type="text/css" id="layermcss">

    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/resource3.css">
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/chart/nav.css">
    <link rel="stylesheet" href="{:RES}/jinrong/Mobile/Public/css/index.css">
    <script src="{:RES}/jinrong/Mobile/Public/js/chart/echarts.min.js"></script>
    <!--<script src="{:RES}/jinrong/Mobile/Public/js/chart/echarts.js"></script>-->

    <script src="{:RES}/jinrong/Mobile/Public/js/chart/wow.min.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/buy.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/login.js"></script>
    <script src="{:RES}/jinrong/Mobile/Public/js/loading.js"></script>
    <!--<script src="{:RES}/jinrong/Mobile/Public/js/weipan/drawdat_new.js"></script>-->



    <script>
        var WINNERT = 0.80;
        var ROOT = "";
    </script>
    <style>
        .wrapbody{
            height:100%;
        }
        html,body{
            height: 100%;
        }
    </style>
</head>
<body>
<!--加载动画start-->

<include file="Public:loading"/>
<!--加载动画end-->
<div class="wrapbody">
    <div class="wrapbodychild">
        <b style="display:none" id="novice">!</b>
        <nav>
            <div class="border-bottom"></div>
            <ul>
                <li class="nav_icon1 current current1"><a href="{:U('Trading/index')}">首页</a></li>
                <li class="nav_icon2 "><a href="{:U('User/corps')}">战队</a></li>
                <li class="nav_icon3 "><a href="{:U('User/help')}">帮助</a></li>
                <li class="nav_icon4 "><a href="{:U('User/private_person')}">用户中心</a></li>
            </ul>
        </nav>
        <input type="hidden" id="_inputdate" value="{$wholetime}">
        <input type="hidden" id="cur_show_good" value="BTbtccny">
        <input type="hidden" id="userid" value="">
        <input type="hidden" id="buy_time" value="60" class="timer_val">
        <input type="hidden" id="_buy_type" value="1">
        <section class="index_content">
            <header>
                <dl>
                    <dt>
                        <!--<span>{$user['headimgurl']}</span>-->
                        <!--<img src="{:RES}/jinrong/Mobile/Public/images/nan.png">-->
                        <img src="{$user['headimgurl']}">
                    <div>
                        <p>余额(元)</p>
                        <b id="_balance">{$user['money']}</b>
                    </div>
                    </dt>
                    <dd><a onclick="rech();">充</a></dd>  <!-- href="{:U('User/recharge')}"-->
                    <dd><a onclick="cash();">提</a></dd>
                    <dd id="_sign_dt"><a>签</a></dd>
                </dl>
            </header>

            <div class="goods">
                <ul>
                    <li class="current" data-src="BTbtccny">
                        <p class="optionname">比特币</p>
                        <b id="BTbtccny" class="green">18459.01元<i class="green_d"></i></b>

                        <span id="hold_0" style="display:none"></span>
                    </li>
                    <li data-src="NECLA0">
                        <p class="optionname">美燃油</p>
                        <b id="NECLA0" class="red">3185.65元<i class="red_z"></i></b>
                        <span id="hold_1" style="display:none"></span>
                    </li>
                    <!--<li data-src="CMGCA0">-->
                        <!--<p class="optionname">美白银</p>-->
                        <!--<b id="CMGCA0" class="red">17.00<i class="red_z"></i></b>-->
                        <!--<span id="hold_2" style="display:none"></span>-->
                    <!--</li>-->
                </ul>
            </div>

            <div class="wrap game_time">
                <ul>
                    <li>最高：<span id="_max">18478.00</span></li>
                    <li>最低：<span id="_min">18125.00</span></li>
                    <li>时间：<span id="_time">{$nowtime}</span></li>
                </ul>

                <div class="swiper-container swiper-container-horizontal swiper-container-android">
                    <div class="swiper-wrapper" style="transform: translate3d(-800px, 0px, 0px); transition-duration: 0ms;">
                        <u class="swiper-slide swiper-slide-prev">
                            <span class="digspan" style="display:none">120</span>
                            <img data="120" src="{:RES}/jinrong/Mobile/Public/images/time02.png">
                            <div>收益83%</div>
                        </u>
                        <u class="swiper-slide swiper-slide-prev">
                            <span class="digspan" style="display:none">60</span>
                            <img data="60" src="{:RES}/jinrong/Mobile/Public/images/time01.png">
                            <div>收益86%</div>
                        </u>

                        <u class="swiper-slide swiper-slide-active">
                            <span class="digspan" style="display:none">150</span>
                            <img data="150" data-src="150" src="{:RES}/jinrong/Mobile/Public/images/time03.png">
                            <div>收益80%</div>
                        </u>
                        <u class="swiper-slide swiper-slide-next">
                            <span class="digspan" style="display:none">120</span>
                            <img data="120" src="{:RES}/jinrong/Mobile/Public/images/time02.png">
                            <div>收益83%</div>
                        </u>
                        <u class="swiper-slide swiper-slide-next">
                            <span class="digspan" style="display:none">60</span>
                            <img data="60" src="{:RES}/jinrong/Mobile/Public/images/time01.png">
                            <div>收益86%</div>
                        </u>
                        <u class="swiper-slide swiper-slide-next">
                            <span class="digspan" style="display:none">150</span>
                            <img data="150" src="{:RES}/jinrong/Mobile/Public/images/time03.png">
                            <div>收益80%</div>
                        </u>
                    </div>
                    <i class="shang up">买涨</i>
                    <i class="xia down">买跌</i>
                </div>
                <script type="text/javascript">
                    function rech()
                    {
                        check_login(function () {
                            window.location = "/Wap/User/recharge";
                        });
                        return false;
                    }

                    function cash()
                    {
                        check_login(function () {
                            window.location = "/Wap/User/cashOut";
                        });
                        return false;
                    }


                    $(function() {
                        //获取 Swiper轮播图
                        var tabsSwiper;
                        tabsSwiper = new Swiper('.swiper-container', {
                            speed: 1000,  //动画执行速度
                            slidesPerView : 3, //每行默认几个滑动块
                            centeredSlides : true,  //默认居中显示，如果是false表示靠左显示
                            initialSlide :10,  //默认滑动块的索引值
                            loop:true,  //默认无限环路
                            loopedSlides :6,  //环路个数
                            slideToClickedSlide:true, //点击事件触发
                            onSlideChangeStart: function(swiper) {
                                //搜索过渡后的slide滑动块索引
                                //console.log(swiper.activeIndex);
                                //Zepto操作DOM节点 删除类名


                                $(".swiper-slide-active").addClass('current').siblings().removeClass("current");
                                var dataVal = $(".swiper-slide-active").data("val");
                                $(".timer_val").val(dataVal);
                            }
                        });
                    });
                    //end
                </script>
            </div>

            <div class="kxt">
                <div id="container"
                     _echarts_instance_="ec_1501224426789"
                     style="-webkit-tap-highlight-color: transparent;
                     user-select: none; position: relative;
                     ">
                    <div style="position: relative; overflow: hidden; width: 7236px; height: 804px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">
                        <canvas width="7236" height="804" data-zr-dom-id="zr_0" style="position: absolute; left: 0px; top: 0px; width: 7236px; height: 804px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                        <canvas width="7236" height="804" data-zr-dom-id="zr_10" style="position: absolute; left: 0px; top: 0px; width: 7236px; height: 804px; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding: 0px; margin: 0px; border-width: 0px;"></canvas>
                    </div>
                    <div style="position: absolute; display: none; border-style: solid; white-space: nowrap; z-index: 9999999; transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1), top 0.4s cubic-bezier(0.23, 1, 0.32, 1); background-color: rgba(50, 50, 50, 0.7); border-width: 0px; border-color: rgb(51, 51, 51); border-radius: 4px; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 14px; font-family: sans-serif; line-height: 21px; padding: 5px; left: 5006px; top: 544px;">
                        <div style="background:#111111;border-radius:5px;padding:3px 3px 3px 3px;color:#eeeeee">时间：12:41<br>价格：18319.97</div>
                    </div>
                </div>
            </div>

            <div class="kxt_btn" id="time_diff">
                <ul>
                    <li data-src="0" class="current">分时图</li>
                    <li data-src="1">1M</li>
                    <li data-src="5">5M</li>
                    <li data-src="15">15M</li>
                    <li data-src="30">30M</li>
                </ul>
            </div>

            <div class="index_list">
                <ul>
                    <li class="current">最近成交</li>
                    <li>持仓订单 <span id="_dot" class=""></span></li>
                    <!--<li>交易记录</li>-->
                </ul>
            </div>

            <div class="index_data" id="index_data_0" style="min-height: 724px;">
                <dl>
                    <dt>开抢时间</dt>
                    <dd>合约</dd>
                    <dd>方向</dd>
                    <dd>定金</dd>
                </dl>
                <dl>
                    <dt> 12:58:00</dt>
                    <dd>比特币</dd>
                    <dd class="red">买涨</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="red_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 12:56:14</dt>
                    <dd>比特币</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 12:55:24</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 12:55:11</dt>
                    <dd>比特币</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 12:54:04</dt>
                    <dd>比特币</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 11:08:55</dt>
                    <dd>比特币</dd>
                    <dd class="red">买涨</dd>
                    <dd>
                        <b>1000</b>
                        <span><i style="display: block;height: 100%;width:20%" class="red_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:39:30</dt>
                    <dd>比特币</dd>
                    <dd class="red">买涨</dd>
                    <dd>
                        <b>2000</b>
                        <span><i style="display: block;height: 100%;width:40%" class="red_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:39:17</dt>
                    <dd>比特币</dd>
                    <dd class="red">买涨</dd>
                    <dd>
                        <b>1000</b>
                        <span><i style="display: block;height: 100%;width:20%" class="red_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:37:42</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>2000</b>
                        <span><i style="display: block;height: 100%;width:40%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:37:02</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:36:10</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:36:06</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>2000</b>
                        <span><i style="display: block;height: 100%;width:40%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:35:58</dt>
                    <dd>比特币</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>1000</b>
                        <span><i style="display: block;height: 100%;width:20%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:34:48</dt>
                    <dd>美燃油</dd>
                    <dd class="green">买跌</dd>
                    <dd>
                        <b>2000</b>
                        <span><i style="display: block;height: 100%;width:40%" class="green_bg"> </i></span>
                    </dd>
                </dl>
                <dl>
                    <dt> 10:34:45</dt>
                    <dd>比特币</dd>
                    <dd class="red">买涨</dd>
                    <dd>
                        <b>5000</b>
                        <span><i style="display: block;height: 100%;width:100%" class="red_bg"> </i></span>
                    </dd>
                </dl>
            </div>


            <!--持仓订单-->
            <div id="now_list" class="index_data index_data2" style="display: none; background: rgb(0, 0, 0); min-height: 3440px;">
            </div>

            <!--交易记录-->
            <div id="trrecord" class="index_data" style="display: none; background: rgb(0, 0, 0); min-height: 3440px;">
            </div>

        </section>
        <i class="liu" style="height: 184px; display: block;"></i>
        <div id="maskIn1" style="display: none;">
            <span class="mask_guan">跳过 &gt; &gt;</span>
            <div class="mask_first">
                <i class="mask_hand animated bounce" style="animation-iteration-count:infinite;animation-duration: 2s;"></i>
                <h1 class="animated fadeInDown">第一步</h1>
                <p class="animated fadeInUp">根据您的判断选择投资商品<br>例如：“比特币”</p>
            </div>
            <img src="{:RES}/jinrong/Mobile/Public/images/novice/first.png" alt="" class="pic_novice1 animated bounceInRight">
            <p class="animated fadeIn">
                欢迎來到家园在线，这将是一个全新的体验，跟我一起来赚取您的第一桶金吧！
            </p>
            <button class="mask_next on_c_next"><span class="tada animated" style="animation-iteration-count:infinite;animation-delay: 2s;">下 一 步 &gt;&gt;</span></button>
        </div>
        <div id="maskIn2" style="display: none;">
            <span class="mask_guan">跳过 &gt; &gt;</span>
            <div class="mask_first mask_second">
                <h1 class="animated fadeInDown">第二步</h1>
                <p class="animated fadeInUp">左右滑动或者点击选择游戏结算时间~<br>越长结算时间收益越高</p>
            </div>
            <ul class="slide_o">\
                <li class="animated pulse" style="animation-iteration-count:infinite;"></li><li class="mask_hand animated shake" style="animation-iteration-count:infinite;animation-duration: 4s;"></li><li class="animated pulse" style="animation-iteration-count:infinite;"></li>\
            </ul>
            <img src="{:RES}/jinrong/Mobile/Public/images/novice/second.png" alt="" class="pic_novice1 pic_novice2 animated bounceInRight">
            <div>
                <button class="mask_next mask_true" style="float: left;margin-left: 10%;"><span class="" style="animation-iteration-count:infinite;animation-delay: 2s;">&lt;&lt; 上一步</span></button>
                <button class="mask_next on_c_next" style="float: right;margin-right: 10%;"><span class="tada animated " style="animation-iteration-count:infinite;animation-delay: 2s;">下一步 &gt;&gt;</span></button>
            </div>
        </div>
        <div id="maskIn3" style="display: none;">
            <span class="mask_guan">跳过 &gt; &gt;</span>
            <div class="mask_first mask_third">
                <h1 class="animated fadeInDown">第三步</h1>
                <p class="animated fadeInUp">提供分时图、不通时段k线图以便观察各<br>个商品行情，<span class="red">支持双指放大缩小！</span></p>
            </div>
            <div style="overflow: hidden;">
                <img src="{:RES}/jinrong/Mobile/Public/images/novice/third.png" alt="" class="pic_novice1 pic_novice3 animated bounceInRight" style="float: left;
        margin-left: 5%;margin-top: 25%;height:160px;width:85px;">
                <img src="{:RES}/jinrong/Mobile/Public/images/novice/third_right.png" alt="" class="pic_novice1 pic_novice3 animated bounceInRight" style="float: right;
        margin-right: 5%;margin-top: 30%;width:100px;height:100px">
            </div>
            <div style="margin-top: 12%;">
                <button class="mask_next mask_true" style="float: left;margin-left: 10%;"><span class="" style="animation-iteration-count:infinite;animation-delay: 2s;">&lt;&lt; 上一步</span></button>
                <button class="mask_next on_c_next" style="float: right;margin-right: 10%;"><span class="tada animated " style="animation-iteration-count:infinite;animation-delay: 2s;">下一步 &gt;&gt;</span></button>
            </div>
        </div>
        <div id="maskIn4" style="display: none;">
            <span class="mask_guan">跳过 &gt; &gt;</span>
            <div class="mask_first mask_fourth">
                <h1 class="animated fadeInRight">第四步</h1>
                <p class="animated fadeInLeft" style="text-align: left;">选择投资金额，止盈/止损点，确<br>认好各类资讯之后，才确认下单</p>
            </div>
            <div style="position: relative;">
                <img src="{:RES}/jinrong/Mobile/Public/images/novice/four_bg.png" alt="" width="86.67%" style="margin: 0 auto;display: block;">
                <img src="{:RES}/jinrong/Mobile/Public/images/novice/fourth.png" alt="" class="pic_novice1 pic_novice4 animated bounceInRight" style="z-index: 2;">
                <a class="animated bounce" href="javascript:;" style="display: block;position: absolute;bottom: 6%;color: #000;background: #fee28e;text-align: center;font-size:0.8rem;line-height: 2.5rem;-webkit-border-radius: 1.25rem;-moz-border-radius: 1.25rem;
        border-radius: 1.25rem;width: 80%;left: 10%;z-index: 1;">确认下单</a>
            </div>
            <div>
                <button class="mask_next mask_true" style="float: left;margin-left: 10%;"><span class="" style="animation-iteration-count:infinite;animation-delay: 2s;">&lt;&lt; 上一步</span></button>
                <button class="mask_next on_c_next" style="float: right;margin-right: 10%;"><span class="tada animated " style="animation-iteration-count:infinite;animation-delay: 2s;">下一步 &gt;&gt;</span></button>
            </div>
        </div>
        <div id="maskIn5" style="display: none;">
            <span class="mask_guan">跳过 &gt; &gt;</span>
            <div style="margin-top: 30%;" class="fifth animated flipInY">
                <span class="bounceInDown animated" style="animation-duration: 2s"></span>
                <img src="{:RES}/jinrong/Mobile/Public/images/novice/fifth.png" alt="" width="100%">
                <h1>恭喜您完成教学</h1>
                <p style="text-align: center">盈利的金额还可以提现哦，<br>快去赚取自己的第一桶金吧~</p>
            </div>
            <button class="mask_next on_c_next"><span class="tada animated" style="animation-iteration-count:infinite;animation-delay: 2s;">开始征途&gt;&gt;</span></button>
        </div>
        <!--点击买涨之后弹出start-->

        <div class="pop-box none" id="buildBox">
            <nav class="pop-nav">
                <a href="javascript:void(0);" class="back"></a>
                <h3>确认购买<span id="now_time"></span></h3>
            </nav>
            <div class="active" style="background-color: #222222">


                <ul>
                    <li>
                        <p><i>5000</i>元</p>
                    </li>
                    <li>
                        <p><i>1000</i>元</p>
                    </li>
                    <li class="slct">
                        <p><i>500</i>元</p>
                    </li>
                    <li>
                        <p><i>100</i>元</p>
                    </li>
                    <li>
                        <p><i>50</i>元</p>
                    </li>
                    <li>
                        <p><i>20</i>元</p>
                    </li>
                    <li>
                        <p><i>10</i>元</p>
                    </li>
                    <li class="not">
                        <p>其它金额</p>
                        <input type="number" value="" id="input_money"/>
                    </li>
                </ul>

                <div style="width:100%">
                    <h1 style="float: left;width: 50%;text-align: left;">购买：<b>100</b>元</h1>
                    <h1 style="float:left;width: 50%;text-align: left;padding-left: 0.5em">
                        <i>：
                            <span>15</span>元
                        </i>
                    </h1>
                </div>
            </div>

            <table class="form-group tradestd_table M_trad_table">
                <tbody>


                <tr class="tr01">
                    <td class="td">
                        资产类型：<span id="flow_span">USOIL</span></td>
                    <td>结算周期：<span id="flow_span_time"> 60秒 </span></td>
                </tr>
                <tr class="tr01">
                    <td class="td">订单方向：<span id="flow_span_dir" class="td_big ">看涨</span></td>
                    <td class="" style="">当前价格：<span id="flow_span_value" class="td_big ">0.00</span></td>
                </tr>
                </tbody>
            </table>
            <div style="background-color: #222222">

                <input type="button" class="pwd-btn change_product" value="确 认" id="buybtn"
                       style="background-color: #fae568;border-radius: 0.3rem;width:90%;">

            </div>
            </form>
        </div>

        <!--建仓成功-->

        <div class="pop-box none" id="buildBox2">
            <nav class="pop-nav">
                <a href="javascript:void(0);" class="back"></a>
                <h3>玩色子<span id="now_time2"></span></h3>
            </nav>
            <div class="active ac2">
                <h1>下注：<b>10</b>元</h1>
                <ul>
                    <li>
                        <p><i>10</i>元</p>
                    </li>
                    <li>
                        <p><i>9</i>元</p>
                    </li>
                    <li>
                        <p><i>8</i>元</p>
                    </li>
                    <li>
                        <p><i>7</i>元</p>
                    </li>
                    <li>
                        <p><i>6</i>元</p>
                    </li>
                    <li class="slct">
                        <p><i>5</i>元</p>
                    </li>
                    <li >
                        <p><i>4</i>元</p>
                    </li>
                    <li>
                        <p><i>3</i>元</p>
                    </li>
                    <li>
                        <p><i>2</i>元</p>
                    </li>
                    <li>
                        <p><i>1</i>元</p>
                    </li>
                </ul>
            </div>
            <div id="area" style="width:60%;float: left;"></div>
            <ul class=" dice-info clearfix" style="width:40%">
                <li class="">时间<em class="zuoshou_">11:03:44</em></li>
                <li class="">最高<em class="height_">5159.31</em></li>
                <li class="">盘面


                    <em class="panmian_">模拟盘</em>
                </li>
                <li class="">最低<em class="low_">5158.53</em></li>
            </ul>


            <input type="button" class="pwd-btn change_product" value="确 认" id="buybtn2">


            <!--余额不足，去充值-->


            <!--<a href="javascript:void(0);" class="pwd-btn chr tocharge none">余额不足，去充值</a>-->


            </form>


        </div>

        <div class="pop-box none" id="buildConfirm" style="top:8%">


            <nav class="pop-nav">


                <a href="javascript:void(0);" class="back"></a>


                <h3>心跳进行中...</h3>


            </nav>


            <!--<p class="order_p big_time" id="fnTimeCountDown"><span class="sec">59</span><span class="hm1"></span></p>-->
            <div id="js-alert-box" class="alert-box">
                <svg class="alert-circle" width="200" height="200">
                    <circle cx="100" cy="100" r="91" fill="#000" stroke="#fae568" stroke-width="17"></circle>
                    <circle id="js-sec-circle" class="alert-sec-circle" cx="100" cy="100" r="91" fill="transparent" stroke="#77767c" stroke-width="18" transform="rotate(-90 100 100)"></circle>
                    <text class="alert-sec-unit" x="90" y="157" fill="#BDBDBD">s</text>
                </svg>
                <div id="js-sec-text" class="alert-sec-text"></div>
            </div>

            <div id="js_alert_result" class="alert_result none">

            </div>


            <div class="countdown">

            </div>
            <!--<p class="order_p none" id="daoqi">到期价格：<i id="flow_span_daoqi">0.00</i></span>-->


            <table class="form-group tradestd_table M_trad_table">


                <tbody>
                <tr class="tr01">
                    <td><p class="order_p">执行价格：<i id="buy_price">0.00</i></span></td>
                    <td><p class="order_p" id="dangqian">当前价格：<i id="flow_span_value1">0.00</i></span></td>
                </tr>


                <tr class="tr01">


                    <td class="td">订单方向：<span id="flow_span_dir1" class="td_big ">看涨</span></td>


                    <td class="">预测结果：<span id="flow_span_value2" class="td_big ">平局</span><span id="flow_span_value3"
                                                                                                 class="td_big hide"></span>
                    </td>


                </tr>


                </tbody>


            </table>


            <input type="button" class="pwd-btn" value="继续下单" id="setting">


        </div>


        <div class="masklayer none"></div>


        <!--确认平仓-->


        <div class="pop-box none" id="buildClose">


            <nav class="pop-nav">


                <a href="javavscript:void(0);" class="back"></a>


                <h3>确认平仓</h3>


            </nav>


            <form id="clForm" class="cl-form" method="post" action="javascript:void(0);">


                <div class="cl-i-list">


                    <p class="c-1" id="pcname"></p>


                    <p class="c-2 price_now_pop"></p>


                    <p class="c-1" id="pccount"></p>


                    <p class="c-3 " id="pcamount"></p>


                </div>


                <p class="cl-f clearfix">


                    <input type="button" class="cl-f-btn f-l" onClick="$('a.back').click();" value="取 消">


                    <input type="button" class="cl-f-btn f-r" value="确认平仓" id="confirmclose">


                </p>


            </form>


        </div>

        <!--点击买涨之后弹出end-->
        <!--登录注册界面start-->
        <center>
            <div class='pop-reg none'>
                <div>
                    <div class='pop-reg-title'>注册</div>
                    <a href="javascript:void(0);" class="pop-reg-close">X</a>
                </div>
                <hr class='line-1'/>
                <!--用户名-->
                <div class='pop-reg-username '>
                    <input id="pop-reg-phone" class='pop-reg-input' placeholder='请输入11位手机号码' maxlength="11" onkeyup="this.value=this.value.replace(/ /g,'')">
                </div>
                <!--密码-->
                <div class='pop-reg-password'>
                    <input id="pop-reg-pwd" class='pop-reg-input' type='password' placeholder='请输入密码' maxlength="16" onkeyup="this.value=this.value.replace(/ /g,'')">
                </div>
                <!--邀请码-->
                <div class='pop-reg-username'>
                    <input id="pop-reg-shareid" class='pop-reg-input' type='text' placeholder='请输入邀请码' maxlength="16" onkeyup="this.value=this.value.replace(/ /g,'')">
                </div>
                <!--验证码-->
                <div class='pop-reg-code'>
                    <input id="pop-reg-code" class='pop-reg-input pop-reg-code-input' placeholder='请输入短信验证码' type='input'>
                    <input class='pop-reg-input pop-reg-getcode' id="send"  type='button' value='获取验证码'>
                </div>
                <hr class='line-2'/>
                <!--新用户注册-->
                <div class='pop-reg-new'>
                    <input id='pop-reg-btn-new' class='pop-reg-input' type='button' value='新用户注册' style="background-color: #fee28e">
                </div>
                <!--已有账户登录-->
                <div class='pop-reg-login'>
                    <input id='pop-reg-btn-login' class='pop-reg-input' type='button' value='已有账户登录'>
                </div>
            </div>
        </center>
        <!--登录注册界面end-->
        <script>
            /*注册页面关闭*/
            $('.pop-reg-close').click(function(){
                $('.pop-reg').hide();
                pop_Close();
                return false;
            });

            //获取验证码
            $('.pop-reg-getcode').click(function(){
                if(check_reg_data())
                {
                    get_sms();
                }
            });
        </script>

        <script>
            var socket = new ReconnectingWebSocket('ws://aone.qk092.com/ws', null, {debug: false});
            $(function(){
                socket.onmessage = function(e) {
                    sdata = JSON.parse(e.data);
                    if(typeof(sdata.winner)!='undefined'&&!noPop)
                        layer.open(
                                {
                                    style:'position:absolute;left:28%;bottom:10%;text-align:center;',
                                    content:'<span id="z_money">'+sdata.winner.phone+'' +
                                    '<img src="{:RES}/jinrong/Mobile/Public/images/shouyi@2x.png"><b>+'+sdata.winner.price+'</b></span>',skin:'msg',shade:'background-color: rgba(0,0,0,.2)',time: 2 });
                        if(typeof(sdata.recent)!='undefined') addItem(sdata.recent);
                        if(typeof(sdata.chk)!='undefined') processData(sdata.chk);/*生成折线图*/
                        if(typeof(sdata.product)!='undefined') addStock(sdata.product);
                }
                socket.onopen = function(e){
                    socket.send("show|"+$("#cur_show_good").val());
                }
                socket.onerror = function(e){
                    _Toast('网络故障，无法连接');
                }


                var name = "novice";
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                var r = window.location.search.substr(1).match(reg);
                if (r != null)
                {
                    var cva =unescape(r[2]);
                    if( cva == "novice" ){
                        novice();

                        var stateObject = {};
                        var title = "Wow Title";
                        var newUrl = "/Wap/Trading/index.html";
                        history.pushState(stateObject,title,newUrl);
                    }
                }
            });


            function pop_Open() {
                $(".masklayer").show();
            }
            function pop_Close() {
                $(".masklayer").hide();
            }


        </script>

        <script src="{:RES}/jinrong/Mobile/Public/js/chart/index.js"></script>
        <!--<script src="{:RES}/jinrong/Mobile/Public/js/chart/index.old.js"></script>-->
    </div>



</div>
</body>
<script>

</script>
</html>